const { defineConfig } = require('@vue/cli-service')
const Mock = require('mockjs')
const { list } = Mock.mock({
  'list|10': [
    {
      'id|+1': 1,
      'image': '@image(200X200,@color)',
      'title': '@ctitle(1,30)',
      'grade|1-5.1': 1,
      'desc': '@cparagraph(1, 10)'
    }
  ]
})
module.exports = defineConfig({
  transpileDependencies: true,
  // 开发者服务器
  devServer: {
    setupMiddlewares: (mid, dev) => {
      //定义接口
      dev.app.get('/api/list', (req, res) => {
        // req是前端传过来的参数 ，res是需要返回给前端的数据
        res.send({
          code: 200,
          data: list,
          total: list.length
        })
      })
      // 详情接口
      dev.app.get('/api/detail', (req, res) => {
        const { id } = req.query
        res.send({
          code: 200,
          data: list.find(item => item.id == id) // 只能有两个结果，要么找到，要么找不到  找到就返回这个元素，找不到就返回undefined
        })
      })
      return mid
    }
  }
})
